@import 'vars.less';

.van-icon {
    &__image {
        display: block !important;
        line-height: initial !important;
    }
}

.van-cell {
    &__left-icon {
        line-height: initial !important;
    }

    &__left-icon-wrap {
        height: 100% !important;
    }

    &--small {
        font-size: 12px !important;
    }

}

.van-cell-group-radius {
    ._van-cell:first-child {
        .van-cell {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
    }

    ._van-cell:last-child {
        .van-cell {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }
    }
}

.van-cell-group__header {
    .van-cell__title {
        font-weight: bold;
        font-size: 16px;
    }

    .van-cell__right-icon-wrap {
        margin: 0;
    }
}

.van-cell-group {
    // &:empty::after {
    //     border-bottom: 0;
    // }

    // .van-cell {
    //     &:last-child::after {
    //         display: none;
    //     }
    // }

    ._van-field {

        // .van-cell {
        //     &:not(.van-cell--borderless)::after {
        //         display: initial;
        //     }
        // }

        .van-cell--column {
            flex-direction: column;

            .van-cell__title {
                margin: 0 !important;
            }

            .van-cell__value {
                padding-top: 12px;
                padding-top: var(--cell-large-vertical-padding, 12px);
                font-size: 16px;
                font-size: var(--cell-large-value-font-size, 16px);
            }
        }

        .van-cell--required {
            &::before {
                display: none;
            }

            .van-field__label::after {
                content: '*';
                color: red;
            }
        }
    }
}






.vant-tags ._van-tag+._van-tag {
    margin-left: 5px;
}

.van-button--mini:not(.van-button--plain) {
    border: none !important;
}

.van-button--normal:not(.van-button--round) {
    border-radius: 5px !important;
}

.van-button {
    &--small:not(.van-button--round) {
        min-width: auto !important;
        border-radius: 5px !important;
    }

}

.van-button--noborder,
.van-button.noborder {
    border: none;
}